<template>
	<view>
		<view class="mainBox flex justify-between flex-wrap">
			<view @click="goReleaseCloudDetail(item.id)" 
				class="mainBtn shadow-warp radius bg-white padding-sm margin-xs radius text-center"
				v-for="(item, index) in dataList" :key="index">
				<view style="text-align: center;">
					<image :src="item.logoUrl" mode="widthFix"
						style="width: 300rpx;height: 400rpx;border-radius: 20rpx;"></image>
				</view>
				<view class="text-bold text-black text-lg margin-top-sm text-shadow">{{ item.teamName }}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getTeamCollectList
	} from '@/api/release/releaseCloudList.js'
	export default {
		data() {
			return {
				dataList: []
			}
		},
		components: {
		
		},
		onShow() {
			this.getTeamCollectList()
		},
		methods: {
			getTeamCollectList() {
				getTeamCollectList().then(res => {
					if (res.code == 0) {
						this.dataList = res.data
					}
				})
			},
			goReleaseCloudDetail(id) {
				uni.navigateTo({
					url: '/pages/release/release-cloud-detail?id=' + id,
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.mainBox {
		width: 750rpx;
		height: 300rpx;
		padding: 0 2%;
		margin-bottom: 5rpx;
		.mainBtn {
			width: 45%;
		}
	}
</style>
